<!DOCTYPE html>
<?php
    session_start();
?>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style_main.css">
    <link rel="stylesheet" href="css/style_banner.css">
    <link rel="stylesheet" href="lib/jquery-ui.css">
    <script src="lib/jquery-1.11.2.min.js"></script>
    <script src="lib/jquery-ui.js"></script>
    <title></title>
</head>
<body>
    <div id="dialog" title="Login">
        <form method='post' action='index.php'>
            Usuario: <input type="text" name="usu" id="usu" required><br><br>
            Contraseña: <input type="password" id="pass" name="pass" required>
            <p id="error">Usuario o contraseña incorrectos</p>
            <h6><a href="#">¿Has olvidado la contraseña?</a></h6>
            <input type="submit" value="Continuar" name="continuar" id="continuar">
        </form>    

        <?php
            if(isset($_POST['continuar'])){
            $link = mysql_connect('localhost', 'root','')
            or die('No se pudo conectar: ' . mysql_error());
            mysql_select_db('bdproyecto') or die('No se pudo seleccionar la base de datos');

            // Realizar una consulta MySQL
            $query = "SELECT cod_usuario,nombre,tipo_usuario FROM usuario WHERE email='".$_POST['usu']."' AND contrasena=password('".($_POST["pass"])."')";

            $result = mysql_query($query) or die('Consulta fallida: ' . mysql_error());
            $line = mysql_fetch_array($result, MYSQL_ASSOC);

                if (mysql_num_rows($result)==1){

                    session_start();

                    $_SESSION["cod_usuario"]=$line["cod_usuario"];
                    $_SESSION["usuario"]=$_POST["usu"];
                    $_SESSION["tipo"]=$line["tipo_usuario"];
                    $_SESSION["nombre"]=$line["nombre"];

                    if($_SESSION["tipo"]=="usuario"){

                        header("refresh:0; url=contacto.php");

                    }else{

                        header("refresh:0; url=contacto.php");

                    }
                }else{
            ?>
            <script>
                $("#dialog").dialog({
                autoOpen:false,
                draggable:false,
                resizable:false,
                closeOnEscape:true,
                modal: true,
                });
                $("#dialog").dialog( "open" );
                $("#menu, #main, #pie").fadeTo(400,0.5);
                $("#error").css("opacity","1");

            </script>
            <?php
            }
        mysql_free_result($result);
        mysql_close($link);
            }
        ?>
    
    </div>

    <div id="menu">
		<?php
            include("banner.php");
        ?>
    </div>
    <div id="main">
        <div id="contacto">
            <h2>Contacto:</h2>
            <form action="mailto:proyectopedro-alvaro@gmail.com">
                <p>Nombre</p>
                <input type="text" name="nombre"></input>
                <p>Apellidos</p>
                <input type="text" name="apellidos"></input>
                <p>Correo Electr&oacute;nico</p>
                <input type="text" name="email"></input>
                <p>Tel&eacute;fono</p>
                <input type="text" name="telefono"></input>
                <p>¿Que problema tienes?</p>
                <textarea cols="50" rows="7"></textarea><br><br>
                <input type="submit"></input>
            </form>
        </div>
    </div>
    <script>
      $(function() {
        
        $("#dialog").dialog({
            autoOpen:false,
            draggable:false,
            resizable:false,
            closeOnEscape:true,
            modal: true,
        });
        
        $("#f").click(function() {
            $("#dialog").dialog( "open" );
            $("#menu, #main, #pie").fadeTo(400,0.5);
        });
        
        $(".ui-dialog-titlebar-close").click(function(){
            $("#menu, #main, #pie").fadeTo(400,1);
            $("#usu,#pass").val("");
            $("#error").css("opacity","0");
        });
        
        $("#dialog").bind('keydown',function(e){
            if ( $(this).dialog("isOpen")==true && e.which == 27 ) {
                $("#menu, #main, #pie").fadeTo(400,1);
                $("#usu,#pass").val("");
                $("#error").css("opacity","0");
            }   
        });
          
        $("#texto-buscar").click(function(event){
            $(this).stop().animate({"width":"250px",},750);
            event.stopPropagation();
            
        });
        $("body").click(function() {
            $("#texto-buscar").animate({"width":"150px",},750);
        });
      });
        
        
    </script>
</body>
</html>